<style>

    .profile_area{
      background: #ffffff;
      position: relative;
    }
    
    .profile-img{
      display: block;
      width:100%;
      height:110px;
    }
    
    .profile-avatar{
      border:2px solid #ffffff;
      border-radius: 40px;
      overflow: hidden;
      height:80px;
      width: 80px;
      margin: -60px 0 0 104px;
      z-index: 1;
      position:absolute;
    
    }
    
    .profile-avatar img{
      display: block;
      height:80px;
      width: 80px;
      
    }
    
    .profile-name{
      text-align: center;
      font-size: 18px;
      color:#333333;
      margin-top: 35px;
    }
    
    .profile-desc{
      font-size: 14px;
      color:#666666;
      padding:15px;
      line-height: 24px;
    
    }
    
    </style>
    
    <div class="profile_area">
        <img  class="profile-img" src="/zhcms/homeImage/v1/author.png">
        <div class="profile-avatar">
            <img  class="profile-img" src="/zhcms/homeImage/user.jpg">
        </div>
    
        <div class="profile-name">程序员小张</div>
        <div class="profile-desc">
            世界上只有一种真正的英雄主义，就是认清了生活的真相后还依然热爱生活。
        </div>
    </div>